<template>
  <div class="step-container">
    <div class="text">
      1、本行政许可事项为线上申请，请按照系统提示的步骤和要求，认真、如实、准确地填写申请信息并上传申请材料，确认无误后保存申请单，提交申请。未按上述要求操作带来的一切后果由申请人承担。
    </div>
    <div class="text">
      2、未提交申请前可对申请信息及申请材料进行修改，提交申请后将不可修改。
    </div>
    <div class="text">
      3、根据《中华人民共和国保守国家秘密法》第二十六条关于禁止在互联网及其他公共信息网络中传递国家秘密的规定，申请人不得上传国家秘密或涉及国家秘密的文件材料。违反上述规定造成严重后果的，申请人承担全部法律责任。
    </div>
    <el-checkbox class="check" v-model="checked">
      <span style="color: red">我已阅读全部条款</span>
    </el-checkbox>
  </div>
</template>
<script>
export default {
  data() {
    return {
      // 已读
      checked: false,
    };
  },
  watch: {
    checked: {
      // 监听是否已读
      handler(val) {
        this.$emit('nextDisabled', !val);
      },
      immediate: true
    },
  },
};
</script>
<style lang="scss" scoped>
.step-container {
  width: 100%;
  padding: 20px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .text {
    width: 100%;
    margin-top: 18px;
    font-size: 14px;
  }
  .check {
    margin-top: 40px;
  }
}
</style>
